<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav class="navbar bg-primary my-header">
        <h2 class="my-header-tittle text-center">中介系统</h2>
        <h5 class="text-center">所得税法上的基本多少粉丝服务方违反地方是的覅我访问速度电视服务覅威锋网呢</h5>
    </nav>
    <div class="col-sm-offset-1 col-sm-10">
        <div class="base col-sm-12" style="margin-top: 3px">
            <div class="col-sm-4 text-muted" >
                <div style="padding: 10px;">
                  <span>当前时间：</span>
                  <span class="time" id="timeShow"></span>
                </div>
            </div>
            <div class="col-sm-8 text-right">
                <form class="form-inline">
                    <div class="input-group">
                        <div class="input-group-addon">机构</div>
                        <input type="text" class="form-control" placeholder="机构">
                    </div>
                    <button class="btn btn-info">查询</button>
                    <a class="btn btn-default" onclick="showLogin()">登录</a>
                    <a class="btn btn-default" onclick="showRegister()">注册</a>
                    <span>欢迎您，<span class="text-danger">sb</span>&emsp;<i class="glyphicon glyphicon-log-out"></i></span>
                </form>
            </div>
        </div>
        <div class="col-sm-12">
          <div class="text-right">
    				<a href="#" class="btn btn-warning">返回列表</a>
    			</div>
          <div style="margin-top: 5px; min-height: 400px;border: 1px solid gray;">
            <div class="text-center">
              <h3>这是标题</h3>
              <div class="col-sm-11" style="margin: 0 4% 25px;border-bottom:1px solid #29d88a;"></div>
            </div>
            <div class="col-sm-12">
              <p>这是内容</p>
            </div>
          </div>
        </div>
    </div>
    <div class="col-sm-12 w100 my-footer">
        <div class="text-center">
            <a>关于我们</a> <a>投诉与建议</a>
        </div>
    </div>
    <div id="modal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">登录</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label">用户名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="username" placeholder="用户名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="password" class="col-sm-2 control-label">密码</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="password" placeholder="密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-10 col-sm-2">
                                <button class="btn btn-default" data-dismiss="modal">登录</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="regModal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">注册</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="regusername" class="col-sm-2 control-label">用户名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="regusername" placeholder="用户名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="regpassword" class="col-sm-2 control-label">密码</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="regpassword" placeholder="密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="regrepassword" class="col-sm-2 control-label">确认密码</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="regrepassword" placeholder="确认密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="regauthCode" class="col-sm-2 control-label">验证码</label>
                            <div class="col-sm-6">
                                <input type="text" id="regauthCode" class="form-control" placeholder="验证码">
                            </div>
                            <div class="col-sm-4">
                                <img src="1923.jpg" alt="验证码" class="img-responsive img-rounded">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-10 col-sm-2">
                                <button class="btn btn-default" data-dismiss="modal">注册</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="node_modules/jquery/dist/jquery.min.js"></script>
    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script>
        function showLogin() {
            $('#modal').modal('show');
        }
        function showRegister() {
            $('#regModal').modal('show');
        }
        var t = setTimeout(time, 1000);
        function time () {
            clearTimeout(t);
            var dt = new Date();
            var year = dt.getFullYear();
            var month = dt.getMonth();
            var day = dt.getDate();
            var h = dt.getHours() > 9 ? dt.getHours() : '0' + dt.getHours();
            var m = dt.getMinutes() > 9 ? dt.getMinutes() : '0' + dt.getMinutes();
            var s = dt.getSeconds() > 9 ? dt.getSeconds() : '0' + dt.getSeconds();
            document.getElementById('timeShow').innerHTML = year + '年' + month + '月' + day + '日 ' + h + ':' + m + ':' + s;
            t = setTimeout(time, 1000);
        }
    </script>
</body>
</html>
